<!-- Banner section -->
<div class="section scrollspy section-white-section">
   <div class="container" style="text-align:center">
      <div class="row">
      <div class="col l8 offset-l2 m8 offset-m2 s12">
            <img class="responsive-img" src="https://raw.githubusercontent.com/KratosMultiphysics/Documentation/master/Wiki_files/Home/kratos.png" style="margin-top: 20px">
         </div>
      </div>
      <h2 class="center-align banner-heading">Workshop<span class="hide-on-med-and-up"><br/></span> @ {{ page.conference_location_affiliation }}</h2>
      <h4 class="center-align banner-subheading">{{ page.conference_date }} <span class="hide-on-small-only">-</span><span class="hide-on-med-and-up"><br/></span> {{ page.conference_location }}</h4>
      <br />
      <a href="{{page.registration_page}}" class="btn-large" style="font-size: 20px; font-weight:bold; background-color: #3D1419">Register Here</a>
      <a href="https://github.com/KratosMultiphysics/Kratos" class="waves-effect waves-light btn-large" style="font-size: 20px; font-weight:bold; background-color: #3D1419">
         <i class="bi bi-github" style="font-size: 35px;"></i></a>
      <br />
   </div>
</div>
